<!--
  @author tanbiao
  @since 2019-11-21 18:56:50
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--表格id与lay-filter属性一致，统一定义为zmn-table-->
<table class="layui-hide" id="zmn-table" lay-filter="zmn-table" th:fragment="table">
    <thead>
    <tr>
        <!--规定复选框列置于第1列，居中显示-->
        <th lay-data="{field:'relateId',type:'checkbox', width:50, unresize:true, align:'center', fixed:'left'}"></th>
        <!--规定“排序”列置于第2列，居中显示-->
        <th lay-data="{field:'relateId', width:60, unresize:true, align:'center', edit:'text', hide:'true'}">主键ID</th>
        <!--规定“ID”列置于第3列，居中显示-->
        <th lay-data="{field:'channelProductParentId', width:120, unresize:true, align:'center'}">渠道方产品父ID</th>
        <!--规定“名称/标题”列置于第4列，通常居左显示，字数较少可以居中显示-->
        <th lay-data="{field:'channelProductSubId', unresize:true, align:'center'}">渠道方产品子ID</th>
        <!--规定“状态”列靠后放置，居中显示-->
        <th lay-data="{field:'status', width:80, unresize:true, align:'center'}">
            状态
        </th>
        <!--规定“最近修改时间”列靠后放置，居中显示-->
        <th lay-data="{field:'operator', unresize:true, align:'center', width:180}">操作人</th>
        <th lay-data="{field:'updateTime', unresize:true, align:'center', width:150}">操作时间</th>
        <!--规定操作列置于最后-->
        <th lay-data="{field:'操作', unresize:true, align:'center', fixed:'right',width:160}">操作</th>
        <!--其他规范
            值较大的数字列居右显示，并使用千分号；值较小的数字列可居中显示，
            金额列统一居右显示，默认精确到小数点后2位，并使用千分号，
            通常情况下，时间或日期列靠后放置(操作列前)，居中显示
            -->
    </tr>
    </thead>
    <tbody>
    <tr th:each="item:${items}">
        <td></td>
        <td th:text="${item.relateId}">relateId</td>
        <td th:text="${item.channelProductParentId}">channelProductParentId</td>
        <td th:text="${item.channelProductSubId}">channelProductSubId</td>
        <td th:text="${item.status == 2 ? '启用':'停用'}">status</td>
        <td th:text="${item.updater}">updater</td>
        <td th:text="${T(com.zmn.common.utils.date.DateUtil).toString(item.updateTime)}">updateTime</td>
        <td>
            <a th:if="${#authPermit.checkPermit('/channel/product/map/updateStatus.action')}" th:onclick="modifyStatus([[${item.relateId}]], [[${item.status}]])"
               style="color: #00a0e9" th:text="${item.status == 2 ? '停用':'启用'}"></a>
            <a th:if="${#authPermit.checkPermit('/channel/product/map/product.action')}" th:onclick="addEditChannelProductMap([[${item.channelId}]], [[${item.productId}]], [[${item.relateId}]])"
               style="color: #00a0e9">修改</a>
        </td>
    </tr>
    </tbody>
</table>
